介紹Adapter

什麼是Adapter呢?
adapter目的是產生在activity裡某些元件內部資料，且額外獨立出來一處，專門撰寫產生資料過程的地方，避免都把程式打在activty造成程式過長。

常跟adapter一起用的元件有

• ListView
• RecyclerView
• GridView
  此外這些元件的程式裡也常常使用到ArrayList
  ArrayList<HashMap<String, String>> arrayList = new ArrayList<>();
  另外我們還可以使用for迴圈來指定這個陣列有幾筆資料
  如果想設20筆資料可以這樣做

for (int i = 0; i < 20; i++) {
            HashMap<String, String> hashMap = new HashMap<>();
            arrayList.add(hashMap);
            }

其實除了 arrayAdapter的arraylist 還有其他的adapter

• SimpleAdapter：鍵值對
• RecyclerView.Adapter:更靈活的 RecyclerView 列表
• SpinnerAdapter：用於下拉選單

Listview

ui布局

在MainActivity的XML新建一個listview

在MainAdapter的XML建立單一筆資料所需要顯示的內容

程式

ListView listView;這裡加入一個變數綁定元件並與產生資料的程式做連結
MainAdapter mainAdapter;設一個自定義的變數是在套用我們的MainAdapter
mainAdapter = new MainAdapter(this, arrayList);將arrayList從當前(mainActivity)丟到MainAdapter

• getCount()：告訴 ListView 有多少筆項目。
• getItem(int position)：根據位置獲取對應的項目資料。
• getItemId(int position)：提供每個項目的唯一 ID
• getView(int position, View convertView, ViewGroup parent):這裡比較複雜需要抓到adapter的畫面使用到一個變數去套用LayoutInflater將 activity_main_adapter.xml 佈局文件轉換成 View

完整的listview範例

public class MainActivity extends AppCompatActivity {

    ListView listView;
    MainAdapter mainAdapter;
    static String[] data = {"abc", "123", "48763", "hello world", "apple"};
    ArrayList<HashMap<String, String>> arrayList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        for (int i = 0; i < 20; i++) {
            HashMap<String, String> hashMap = new HashMap<>();
            hashMap.put("number", String.format("%02d", i + 1));
            hashMap.put("data", "data: " + data[new Random().nextInt(5)]);
            arrayList.add(hashMap);
        }

        listView = findViewById(R.id.listView);
        mainAdapter = new MainAdapter(this, arrayList);
        listView.setAdapter(mainAdapter);
    }
}

public class MainAdapter extends BaseAdapter {

    private Context context;
    private ArrayList<HashMap<String, String>> arrayList;

    public MainAdapter(Context context, ArrayList<HashMap<String, String>> arrayList) {
        this.context = context;
        this.arrayList = arrayList;
    }

    @Override
    public int getCount() {
        return arrayList.size();
    }

    @Override
    public Object getItem(int position) {
        return arrayList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        convertView = LayoutInflater.from(context).inflate(R.layout.activity_main_adapter, parent, false);
        ViewHolder holder = new ViewHolder();

        holder.tx1 = convertView.findViewById(R.id.text1);
        holder.tx2 = convertView.findViewById(R.id.text2);
        convertView.setTag(holder);


        holder.tx1.setText(arrayList.get(position).get("number"));
        holder.tx2.setText(arrayList.get(position).get("data"));

        return convertView;
    }

    private static class ViewHolder {
        TextView tx1, tx2;
    }
}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


   <ListView
       android:id="@+id/listView"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />
</RelativeLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainAdapter">
    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp" />



</LinearLayout>

結果畫面如下